<template>
  <div>
    <header>
      <h1>Hotel Management System</h1>
    </header>
    <nav>
      <router-link to="/dashboard">Dashboard</router-link>
      <router-link to="/blockchain">Blockchain</router-link>
    </nav>
    <main>
      <slot></slot>
    </main>
    <footer>
      <p>&copy; 2024 Hotel Management</p>
    </footer>
  </div>
</template>

<style scoped>
header {
  background: #333;
  color: white;
  padding: 1rem;
  text-align: center;
}
nav {
  margin: 1rem;
}
nav a {
  margin-right: 1rem;
  text-decoration: none;
  color: #007acc;
}
nav a:hover {
  text-decoration: underline;
}
footer {
  text-align: center;
  margin-top: 2rem;
}
</style>
